*{
    margin: 0;
}
body{
    background: black;
    /* font-family:bauhaus 93 regular; */
    font-family: "Roboto", serif;
    /* font-family:Quicksand; */
    color:white;
}
                                                    

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Righteous&display=swap');

a{
    text-decoration: none;
    cursor: pointer;
}                                                     
a:hover,p{
    color: white;
}
h1,h2,h3,h4,h5,h6{
    font-family: "Righteous", serif;
  font-weight: 400;
  font-style: normal;
}
p{
        font-family: "Roboto", serif;
        font-weight: 400;
        font-style: normal;
    /* font-family: Arial, Helvetica, sans-serif; */
}


.load-body{
    position:fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background:#000;
    z-index: 2000;    

}
.loader-inner{
    margin-top: calc(100vh / 6);
}
.name{
    text-align: center;
    position: absolute;
    width: 100%;
   margin-top: 15em;
}


.logo-back{
    background: url(../images/amimaa_design_logo_TV-removebg-preview.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    height: 25em;
    width: 100%;

}


.image{
    margin-left: 21px;
}

.circle{
    margin-top: 30px;
    text-align: center;
    justify-content: center;
    height: auto;
}
.box{
    display: flex;
    padding-bottom: 10px;
    justify-content: center;
    align-items: center;
}
.c-1{
    margin-right: 7px;
}
 /* .c-2,.c-1 {
     position: relative;
     margin-top: 30px;
     background: rgb(41, 41, 41);
  background:rgb(247, 221, 78);
  height: 40px;
  width: 40px;
  border-radius: 100%;
}
.c-2::after,.c-1::after{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width:30px ;
  height:30px;
  border:15px solid  rgb(247, 221, 78);
  border-top-color: white;
  border-radius: 50%;
  animation: loading 0.75s ease infinite;
} */
.c-2,.c-1 {
    position: relative;
    margin-top: 30px;
    background: rgb(41, 41, 41);
 background:rgb(247, 221, 78);
 height: 40px;
 width: 40px;
 border-radius: 100%;
}
.c-2::after,.c-1::after{
 content: "";
 position: absolute;
 left: 0;
 top: 0;
 width:100% ;
 height: 100%;
 border:15px solid  rgb(247, 221, 78);
 border-top-color: white;
 border-radius: 50%;
 animation: loading 1s ease infinite;
}
@keyframes loading{
    from {
        transform: rotate(0turn);
    }
    to {
        transform: rotate(1turn);
    }
}
 .loader-hidden{
     opacity: 0 1s;
     visibility: hidden;
     transition: all 1s;
 }


 /* navbar */
 .header{
    background: linear-gradient(#131313 25%,#000 50%,#161616 100%);
   }

.navbar-logo{
   background: url(../images/amimaa_design_logo_TV-removebg-preview.png);
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
   height:8em;
   width: 10em;
}
.navbar-logo img{
    /* position: absolute; */
    width: 30%;
    height: 30%;
    margin-left:-.5em;
    margin-top: .83em;
}
.header li{
   list-style: none;
}
/* .logo{
   color: #cc9d3e; 
   font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
   font-size: 3.2em;
   font-weight: 600;
   padding: 0;
   margin: 0;
   text-transform: uppercase;
}
.logo:hover{
   color: #cc9d3e;
} */


.nav-main{
   margin-right: 15px;
   background: linear-gradient(#131313 25%,#000 50%,#161616 100%);
   border: 2px solid#cc9d3e ;
   border-radius: 3px;
}

.nav-main li a{
   font-size:1.15em;
   color: #cc9d3e;
   font-weight: 600;
   font-family: "Righteous", serif;
  /* border: 1.95px solid rgb(252, 237, 154) ; */
  border-radius: 6px;
}
.nav-item{
   padding: .6em;
}
.nav-main a:hover{
   color:#926c33;
  /* border: 1px solid rgb(255, 238, 142) ; */
  border-radius: 4px;
  transition: all 1s;
}
.nav-main:hover{
 border: 2px solid #926c33;
}
.dropdown-menu{
   /* background: #1b1302; */
   background: black;
   box-shadow: 3px 3px 3px black;
   border: 3px solid #926c33 ;
   border-style: dotted;
}
.dropdown:hover{
   cursor: pointer;
}
.dropdown-item:hover{
      background: #1b1302;
      color: #3b2d16;
      color: white;
}
.button-toggle{
   margin-right: 3em;
  border: 3px solid #cc9d3e;
  background: transparent;
  border-radius: 3px;
  display: none;
  /* padding: .3em;
  padding-left: .7em;
  padding-right: .7em; */
}
nav .button-toggle i{
   color:#cc9d3e;
   
}

@media (max-width:991px){
   .button-toggle {
        display:block;
        position: relative;
        z-index: 2;
        transform: scale(.85);
   }
   .nav-list ul{
       position: relative;
       z-index: 2;
       margin-inline: auto;
       /* width: 40%; */
       margin-top: .5em;
       line-height: 3em;
      
   }
}
/*small navbar */
.toggle span{
   color: white;
}
/* .sm-navbar{
   display: none;
} */


/*small navbar */

/* showcase area  */
.show-case{
    background: url(../images/JIM_3108-resize.jpg);
    background-position:center 30%;
    background-size: cover;
    background-repeat: no-repeat;
    height: 70vh;
    position: relative;
}
.show-case::after{
    content: "";
	z-index: 1;
	position: absolute;
	height:100%;
	width: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.4);
}
.content-text{
    z-index: 2;
    position: relative;
    padding-top:10em;
    padding-left: 3em;
}
.show-case a,.show-case span{
   color: #ecb341;
}

.content-text h2{
   font-size: 3em

}
/* showcase area  */
/* contact-area */
.contact-area{
    margin-top: 6em;
}
.inner-contacts{
    padding-left: 2.5em;
}

.inner-contacts h2{
  font-size: 3em;
  word-spacing: .1em;
}
.inner-contacts span,.inner-contacts h5{
    color: #ecb341;
  }
  .col-icons-inner i {
    border:1px solid #cc9d3e ;

   padding: .7em;
   background: linear-gradient(#131313 25%,#000 50%,#140f06 100%);
   background: linear-gradient(#0a0700 5%,#050400 10%,#050400 90%);
   border-radius: 50%;
   color:  #ecb341;
  }
  .email, .phone{
    /* border:1px solid #221908 ; */
    margin-left: 1em;
    padding-top: 1em;
  }
  .email a, .phone a{
 color: #ffff;
  }
  .address{
    margin-left: 1em;
    padding-top: 0em;
  }
  .line{
    border: 1px solid  #33250b ;
  }
.social-handle{
    margin-top: 1em;

}
.social-handle i{
    color:  #ecb341;
  
    border:2px solid #cc9d3e ;
    border-style:dotted;
    padding: .3em;
    background: linear-gradient(#131313 25%,#000 50%,#140f06 100%);
    border-radius: 50%;
}
.inner-form{
   
    background: #050505;
    
    border-radius: 10px;
    height: 95vh;
}
.form{
    padding-top: 2.6em;
    padding-left: 2.5em;
}
input{
    width: 100%;
    height: 3em;
    margin-top: 1em;
    border-radius: 3px;
    border:4px solid #795617 ;
    background: #000;
    color: white;
    padding: 0em 0em 0em 1em;
}
input::placeholder, #msg::placeholder{
    color: white;
    /* padding: 1em 0em 0em 1em; */
}
#msg{
    border-radius: 3px;
    border:4px solid #795617 ;
    background: #000;
    width: 100%;
    color: white;
}
.submit{
    color: white;
    width: 15em;
    height: 4em;
    /* background: linear-gradient(#131313 25%,#000 50%,#140f06 100%); */
    border-radius: 6px;
    border:2px solid #795617 ;
    background: #1b1302;
    background: linear-gradient(#0a0700 5%,#050400 10%,#050400 90%);
    margin-top: -.01em;
}
.submit-btn{
    width: 15.3em;
    height: 4.3em;
    border:2px solid #0a0700;
    border-style: dotted;
    margin-top: .2em;
    border-radius: 6px;

    background: #080808;
}
@media(max-width:570px){
   input{
    height: 4.2em;
    margin-top: 1.6em;
   }
   .form{
    padding-left: 0em;
}
.inner-contacts{
    padding-left: 0em;
}
     }
/* modal section */
.inner-form {
	
	position:relative;
}
.modal-box {
	position:absolute;
    background: linear-gradient(#0a0700 5%,#050400 10%,#050400 90%);
	/* border-radius: 10px; */
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	padding-top: 15px;
	width: 400px;
	height: 200px;
	display: none;
	margin-bottom: 0px;
	transition: 0.3s;
    color: #cc9d3e;

	margin-top: 0px;
}
.modal-box h3 span{
color: white;
}
.cancel {
	margin-top: 3em;
   
}
.cancel a {
	text-decoration: none;
	margin-top: 10px;
	padding: 15px 10px 15px 10px;
	font-size: 20px;
    background: linear-gradient(#0a0700 5%,#050400 10%,#050400 90%);
    border: 1px solid#cc9d3e;
    border-style: dotted;
    border-radius: 5px;
    color: white;
}
.cancel a:hover {
	background: black;
}
/* modal section */
.show-area-maps{
    display: none;
}
@media (max-width:756px){
    .content-text h2{
        font-size: 2em
     
     }
 }



 .footer{
    margin-top: 10em;
    background: #080808;
    border-radius: 4px;
    padding: 2em;
    padding-top: 3em;
    /* margin-bottom: 10em; */
    text-align: left;
    position: relative;
}
.top-btn{
    height: 3em;
    width: 3em;
    border: 2px solid #7c5b2a;
    border-radius: 50%;
    background: linear-gradient(#131313 25%,#000 50%,#161616 100%);
    background: linear-gradient(#0a0700 5%,#050400 10%,#050400 90%);
    color:  #926c33;
    border-style: dotted;
    position: absolute;
    right: 2%;
    top: -3%;
    text-align: center;
}
.top-btn a{
    padding-top: .1em;
    color: #7c5b2a;

}
/* .top-btn i{
    padding-top: .1em;
} */
.top-btn:hover{
    cursor: pointer;
    border: 2px solid #7c5b2a;
}
.brand-info{
    /* border: 1px solid red; */
    padding-top: 0em;
    line-height: 1.2em;
    text-align: left;


}
.brand-info h2{
   font-weight: bold;
   font-size: 3.1em;
   color: #cc9d3e;
   text-transform: uppercase;
   font-family: "Righteous", serif;
}
.designer a{
    color: white;
    font-weight: bold;
    text-decoration: underline;
    
 }
.rights{
    font-weight: bold;
    color: white;
}
.brand-info .links{
    margin-top: 1em;
    word-spacing: 0em;
}
.brand-info .links i{
    color:  #ecb341;
    /* border:2px solid #3d2d0f ; */
    border:2px solid #cc9d3e ;
    border-style:dotted;
    padding: .2em;
    background: linear-gradient(#131313 25%,#000 50%,#140f06 100%);
    border-radius: 50%;
    transform: scale(.8);
}

.footer h2{
       font-weight: bold;
       color: #cc9d3e;
} 
.sponsor,.help,.contact{
padding-top: 2em;
}
.sponsor h2,.help h2,.contact h2{
/* background: linear-gradient(#131313 25%,#000 50%,#140f06 100%); */
text-align: left;
font-size: 1.6em;
color:#cc9d3e;
padding-left: .1em;
width: 170px;
/* margin: auto; */

}
.help h2{
width: 120px;
}
.sponsor-link,.help-link,.con-link{
margin-top: 1em;
}
.sponsor a,.help a,.contact a{
     color: white;
     font-size: 1.2em;
     margin-top: 5em;
     font-weight:bold;
}
.contact h5{
color: #cc9d3e;
}
.contact p{
font-size: 1em;

}
.contact span{

font-weight:bold;
font-family: "roboto" serif;
}
.footer i{
color:#cc9d3e
}